﻿$(function(){
	var lineId=0;
	var vm1 = new Vue({
		el: '#contentdata',
		data: {
			items0: {},
			items1: {},
			items2: {},
			items3: {},
			items4: {},
			items5: {},
			items6: {},
			items7: {},
			items8: {},
			items9: {},
			items10: {},
			items11: {},
			items12: {},
			items13: {},
			items14: {},
			items15: {},
			items16: {},
			items17: {},
			items18: {},
			items19: {},
			items20: {},
			items21: {}
		},
		created:function(){
	    	initData();
	    },
	    ready:function(){
		    setInterval(function(){
		         refreshData();
			}, 5000);
		}
	});
//	1494226214094.jpg
	function initData(){
		$.post(basePath+"/monitor/linerefresh.json",{"lineId":lineId},function(res){
			for(var k=0;k<res.singledata.length;k++){
				vm1.$set('items'+k, res.singledata[k]);
			}
			for(var i=0;i<res.singledata.length;i++){
				var gl = echarts.init(document.getElementById("items"+i+"_gl")),
	    		glOpt = {
			        series: [{
			            name: '报警占满载比重',
			            type: 'gauge',
			             center: ['50%', '53%'],
			            radius: "95%",
			            startAngle: 140,
			            endAngle: -140,
			            clockwise: true,
			            min: 0,
			            max: 150,
			            splitNumber: 5,
			            //分割段数
			            axisTick: { //刻度
			                show: true,
			                splitNumber: 1
			            },
			            axisLine: { //轴线
			                show: true,
			                lineStyle: {
			                    color: [[0.01, '#cac0c0'], [0.2, '#d4a411'], [0.4, '#a4c2f4'],[0.6, '#27dd27'], [1, '#e86767']],
			                    width: 20
			                }
			            },
			            axisTick: { // 坐标轴小标记
			                show: true,
			                // 属性show控制显示与否，默认不显示
			                splitNumber: 5,
			                // 每份split细分多少段
			                length: 8,
			                // 属性length控制线长
			                lineStyle: { // 属性lineStyle控制线条样式
			                    color: '#eee',
			                    width: 1,
			                    type: 'solid'
			                }
			            },
			            axisLabel: { // 坐标轴文本标签
			                show: true,
			                distance:1,
//			                formatter: function(v) {
////			                	console.log("------"+v);
//			                    switch (v + '') {
//			                    case '0':
//			                        return '';
//			                    case '40':
//			                        return '待机';
//			                    case '120':
//			                        return '空载';
//			                    case '200':
//			                        return '满载';
//		                        case '320':
//			                        return '超载';
//			                    default:
//			                        return '';
////			                        return v;
//			                    }
//			                },
			                textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
			                    color: '#333',
			                    fontStyle:'oblique',
                                fontSize :1
			                }
			            },
			            pointer: {
			                length: '80%',
			                width: 5,
			                color: 'auto'
			            },
			            splitLine: { // 分隔线
			                show: false,
			                // 默认显示，属性show控制显示与否
			                length: 30,
			                // 属性length控制线长
			                lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
			                    color: '#eee',
			                    width: 2,
			                    type: 'solid'
			                }
			            },
			            title: {
			                show: true,
			                offsetCenter: ['-65%', -10],
			                // x, y，单位px
			                textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
			                    color: '#333',
			                    fontSize: 15
			                }
			            },
			            detail: {
			                show: true,
			                backgroundColor: 'rgba(0,0,0,0)',
			                borderWidth: 0,
			                borderColor: '#ccc',
			                width: 100,
			                height: 40,
			                offsetCenter: ['-60%', 10],
			                // x, y，单位px
			                formatter: '{value}KW',
			                textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
			                    color: 'auto',
			                    fontSize: 20
			                }
			            },
			            data: [{
			            	name: '功率',
			                value: res.singledata[i].p_active
			            }]
			        }]
			    };
			    gl.setOption(glOpt);
			}
		});
	}
	//刷新方法
	function refreshData(){
		$.post(basePath+"/monitor/linerefresh.json",{"lineId":lineId},function(res){
			for(var k=0;k<res.singledata.length;k++){
				vm1.$set('items'+k, res.singledata[k]);
			}
			for(var i=0;i<res.singledata.length;i++){
				var gl =echarts.getInstanceByDom(document.getElementById("items"+i+"_gl"));
				gl.setOption({
					series: [{
						data: [{
			            	name: '功率',
			                value: res.singledata[i].p_active
			            }]
					
					}]
				});
			}
		});
	
	}
})